<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-UA-Compatible" content="ie=Edge">
   	<meta name="viewport" content="width=device-width, initial-scale=1">
   	<title>Crafty - Text</title>
	<link type="text/css" rel="stylesheet" href="../craftyjs-site.css" />
	<link rel="shortcut icon" href="../favicon.ico">
</head>
<body>
	<div id = "header-background"> </div>
	<div id = "page-frame">
	<div id="header">
		<nav class="navbar">
  			<div class="container-fluid">
  				<div class="navbar-header">
  					<a class="navbar-brand" href="../"> <img class="logo" src="../images/text-logo.png" /> </a>
  					
				</div>
				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="../">首页</a></li>
						<li><a href="../getting-started/">快速开始</a></li>
						<li><a href="../documentation/">文档</a></li>
						<li><a href="../api/">API</a></li>
						<li><a href="../components/">组件</a></li>
						<li class="emph"><a href="../#install">下载</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</div>


	<div id="main">
		<div id="content" class="container">
			



<div id="docs"><div class="toc-holder" id="doc-nav"><ul id="doc-level-one"><li><a href="events.html">List of Events</a></li><li class="category">Core<ul class="category-list"><li><a href="Crafty.html">Crafty</a></li><li><a href="Crafty Core.html">Crafty Core</a></li><li><a href="Crafty-bind.html">Crafty.bind()</a></li><li><a href="Crafty-c.html">Crafty.c()</a></li><li><a href="Crafty-clone.html">Crafty.clone()</a></li><li><a href="Crafty-defineField.html">Crafty.defineField()</a></li><li><a href="Crafty-e.html">Crafty.e()</a></li><li><a href="Crafty-extend.html">Crafty.extend()</a></li><li><a href="Crafty-frame.html">Crafty.frame()</a></li><li><a href="Crafty-getVersion.html">Crafty.getVersion()</a></li><li><a href="Crafty-init.html">Crafty.init()</a></li><li><a href="Crafty-isPaused.html">Crafty.isPaused()</a></li><li><a href="Crafty-one.html">Crafty.one()</a></li><li><a href="Crafty-pause.html">Crafty.pause()</a></li><li><a href="Crafty-s.html">Crafty.s()</a></li><li><a href="Crafty-settings.html">Crafty.settings</a></li><li><a href="Crafty-stage.html">Crafty.stage</a></li><li><a href="Crafty-stop.html">Crafty.stop()</a></li><li><a href="Crafty-support.html">Crafty.support</a></li><li><a href="Crafty-trigger.html">Crafty.trigger()</a></li><li><a href="Crafty-unbind.html">Crafty.unbind()</a></li><li><a href="Crafty-uniqueBind.html">Crafty.uniqueBind()</a></li></ul></li><li class="category">2D<ul class="category-list"><li><a href="2D.html">2D</a></li><li><a href="AngularMotion.html">AngularMotion</a></li><li><a href="Collision.html">Collision</a></li><li><a href="Crafty-circle.html">Crafty.circle</a></li><li><a href="Crafty-diamondIso.html">Crafty.diamondIso</a></li><li><a href="Crafty-HashMap.html">Crafty.HashMap</a></li><li><a href="Crafty-isometric.html">Crafty.isometric</a></li><li><a href="Crafty-map.html">Crafty.map</a></li><li><a href="Crafty-math-Matrix2D.html">Crafty.math.Matrix2D</a></li><li><a href="Crafty-math-Vector2D.html">Crafty.math.Vector2D</a></li><li><a href="Crafty-polygon.html">Crafty.polygon</a></li><li><a href="Crafty-raycast.html">Crafty.raycast()</a></li><li><a href="Crafty-rectManager.html">Crafty.rectManager</a></li><li><a href="Gravity.html">Gravity</a></li><li><a href="GroundAttacher.html">GroundAttacher</a></li><li><a href="Motion.html">Motion</a></li><li><a href="Supportable.html">Supportable</a></li></ul></li><li class="category">Animation<ul class="category-list"><li><a href="Crafty-easing.html">Crafty.easing</a></li><li><a href="SpriteAnimation.html">SpriteAnimation</a></li><li><a href="Tween.html">Tween</a></li></ul></li><li class="category">Assets<ul class="category-list"><li><a href="Crafty-asset.html">Crafty.asset()</a></li><li><a href="Crafty-assets.html">Crafty.assets</a></li><li><a href="Crafty-imageWhitelist.html">Crafty.imageWhitelist()</a></li><li><a href="Crafty-load.html">Crafty.load()</a></li><li><a href="Crafty-paths.html">Crafty.paths()</a></li><li><a href="Crafty-removeAssets.html">Crafty.removeAssets()</a></li></ul></li><li class="category">Audio<ul class="category-list"><li><a href="Crafty-audio.html">Crafty.audio</a></li></ul></li><li class="category">Controls<ul class="category-list"><li><a href="Controllable.html">Controllable</a></li><li><a href="Controls.html">Controls</a></li><li><a href="Draggable.html">Draggable</a></li><li><a href="Fourway.html">Fourway</a></li><li><a href="Jumper.html">Jumper</a></li><li><a href="Multiway.html">Multiway</a></li><li><a href="Twoway.html">Twoway</a></li></ul></li><li class="category">Debug<ul class="category-list"><li><a href="Crafty-error.html">Crafty.error()</a></li><li><a href="Crafty-log.html">Crafty.log()</a></li><li><a href="DebugCanvas.html">DebugCanvas</a></li><li><a href="DebugPolygon.html">DebugPolygon</a></li><li><a href="DebugRectangle.html">DebugRectangle</a></li><li><a href="SolidAreaMap.html">SolidAreaMap</a></li><li><a href="SolidHitBox.html">SolidHitBox</a></li><li><a href="VisibleMBR.html">VisibleMBR</a></li><li><a href="WiredAreaMap.html">WiredAreaMap</a></li><li><a href="WiredHitBox.html">WiredHitBox</a></li></ul></li><li class="category">Events<ul class="category-list"><li><a href="Crafty-addEvent.html">Crafty.addEvent()</a></li><li><a href="Crafty-bind.html">Crafty.bind()</a></li><li><a href="Crafty-one.html">Crafty.one()</a></li><li><a href="Crafty-removeEvent.html">Crafty.removeEvent()</a></li><li><a href="Crafty-trigger.html">Crafty.trigger()</a></li><li><a href="Crafty-unbind.html">Crafty.unbind()</a></li><li><a href="Crafty-uniqueBind.html">Crafty.uniqueBind()</a></li></ul></li><li class="category">Game Loop<ul class="category-list"><li><a href="Crafty-timer.html">Crafty.timer</a></li></ul></li><li class="category">Graphics<ul class="category-list"><li><a href="Canvas.html">Canvas</a></li><li><a href="CanvasLayer.html">CanvasLayer</a></li><li><a href="Color.html">Color</a></li><li><a href="Crafty-assignColor.html">Crafty.assignColor()</a></li><li><a href="Crafty-background.html">Crafty.background()</a></li><li><a href="Crafty-createLayer.html">Crafty.createLayer()</a></li><li><a href="Crafty-defaultShader.html">Crafty.defaultShader()</a></li><li><a href="Crafty-domHelper.html">Crafty.domHelper</a></li><li><a href="Crafty-pixelart.html">Crafty.pixelart()</a></li><li><a href="Crafty-sprite.html">Crafty.sprite()</a></li><li><a href="Crafty-WebGLShader.html">Crafty.WebGLShader()</a></li><li><a href="DOM.html">DOM</a></li><li><a href="DomLayer.html">DomLayer</a></li><li><a href="HTML.html">HTML</a></li><li><a href="Image.html">Image</a></li><li><a href="Particles.html">Particles</a></li><li><a href="Renderable.html">Renderable</a></li><li><a href="Sprite.html">Sprite</a></li><li><a href="Text.html">Text</a></li><li><a href="WebGL.html">WebGL</a></li><li><a href="WebGLLayer.html">WebGLLayer</a></li></ul></li><li class="category">Input<ul class="category-list"><li><a href="AreaMap.html">AreaMap</a></li><li><a href="Button.html">Button</a></li><li><a href="Crafty-findPointerEventTargetByComponent.html">Crafty.findPointerEventTargetByComponent()</a></li><li><a href="Crafty-keyboardDispatch.html">Crafty.keyboardDispatch()</a></li><li><a href="Crafty-keydown.html">Crafty.keydown</a></li><li><a href="Crafty-keys.html">Crafty.keys</a></li><li><a href="Crafty-lastEvent.html">Crafty.lastEvent</a></li><li><a href="Crafty-mouseButtons.html">Crafty.mouseButtons</a></li><li><a href="Crafty-mouseDispatch.html">Crafty.mouseDispatch()</a></li><li><a href="Crafty-mouseWheelDispatch.html">Crafty.mouseWheelDispatch()</a></li><li><a href="Crafty-multitouch.html">Crafty.multitouch()</a></li><li><a href="Crafty-selected.html">Crafty.selected</a></li><li><a href="Crafty-touchDispatch.html">Crafty.touchDispatch()</a></li><li><a href="Keyboard.html">Keyboard</a></li><li><a href="Mouse.html">Mouse</a></li><li><a href="MouseDrag.html">MouseDrag</a></li><li><a href="Touch.html">Touch</a></li></ul></li><li class="category">Misc<ul class="category-list"><li><a href="Crafty-addEvent.html">Crafty.addEvent()</a></li><li><a href="Crafty-device.html">Crafty.device</a></li><li><a href="Crafty-removeEvent.html">Crafty.removeEvent()</a></li><li><a href="Crafty-support.html">Crafty.support</a></li></ul></li><li class="category">Model<ul class="category-list"><li><a href="Model.html">Model</a></li></ul></li><li class="category">Scenes<ul class="category-list"><li><a href="Crafty-scene.html">Crafty.scene()</a></li></ul></li><li class="category">Stage<ul class="category-list"><li><a href="Crafty-background.html">Crafty.background()</a></li><li><a href="Crafty-scene.html">Crafty.scene()</a></li><li><a href="Crafty-viewport.html">Crafty.viewport</a></li></ul></li><li class="category">Utilities<ul class="category-list"><li><a href="Crafty-math.html">Crafty.math</a></li><li><a href="Delay.html">Delay</a></li><li><a href="Storage.html">Storage</a></li></ul></li></ul></div><div id="doc-content" class="doc-page-holder"><div class="doc-page"><h1>Text <span class="page-badge">Component</span></h1><div class="doclet" id="Text"><div class="triggered-events"><h4>Events</h4><div class="trigger-list"><dl class="trigger"><dt>Invalidate </dt><dd>when the text is changed</dd></dl></div></div><span class="markdown"><p>By default, text will have the style &quot;10px sans-serif&quot;.</p>
</span><div class="note"><span class="markdown"><p><strong>Note:</strong> An entity with the text component is just text! If you want to write text inside an image, you need one entity for the text and another entity for the image. More tips for writing text inside an image: (1) Use the z-index (from 2D component) to ensure that the text is on top of the image, not the other way around; (2) use .attach() (from 2D component) to glue the text to the image so they move and rotate together.</p>
</span></div><div class="note"><span class="markdown"><p><strong>Note:</strong> For DOM (but not canvas) text entities, various font settings (such as text-decoration) can be set using <code>.css()</code> (see DOM component). But you cannot use <code>.css()</code> to set the properties which are controlled by <code>.textFont()</code>,  <code>.textColor()</code>, or <code>.textAlign()</code> -- the settings will be ignored.</p>
</span></div><div class="note"><span class="markdown"><p><strong>Note:</strong> If you use canvas text with glyphs that are taller than standard letters, portions of the glyphs might be cut off.</p>
</span></div></div><div><h4>Methods</h4><ul class="page-toc"><li><a href="#-dynamicTextGeneration">.dynamicTextGeneration()</a></li><li><a href="#-text">.text()</a></li><li><a href="#-textAlign">.textAlign()</a></li><li><a href="#-textColor">.textColor()</a></li><li><a href="#-textFont">.textFont()</a></li><li><a href="#-unselectable">.unselectable()</a></li></ul><div class="doclet" id="-dynamicTextGeneration"><a href="#doc-nav" class="doc-top">Back to top</a><h2 class="doclet-header">.dynamicTextGeneration()</h2><div class="crafty-method"><code class="signature"><span class="sig-phrase"><span class="sig-qualifier">public </span><span class="sig-qualifier">this </span><span class="sig-noun">.dynamicTextGeneration</span></span><span class="sig-seperator">(</span><span class="sig-phrase"><span class="sig-qualifier">bool </span><span class="sig-noun">dynamicTextOn</span></span><span class="sig-seperator">[,</span><span class="sig-phrase"><span class="sig-qualifier"> </span><span class="sig-qualifier">string </span><span class="sig-noun">textUpdateEvent</span></span><span class="sig-seperator">])</span></code><dl class="parameter"><dt> dynamicTextOn </dt><dd><span class="markdown"><p>A flag that indicates whether dyanamic text should be on or off.</p>
</span></dd></dl><dl class="parameter"><dt> textUpdateEvent </dt><dd><span class="markdown"><p>The name of the event which will trigger text to be updated.  Defaults to &quot;EnterFrame&quot;.  (This parameter does nothing if dynamicTextOn is false.)</p>
</span></dd></dl></div><span class="markdown"><p>Turns on (or off) dynamic text generation for this entity.  While dynamic text generation is on,
if the <code>.text()</code> method is called with a text generating function, the text will be updated each frame.</p>
<p>If textUpdateEvent is provided, text generation will be bound to that event instead of &quot;EnterFrame&quot;.</p>
</span><div class="note"><span class="markdown"><p><strong>Note:</strong> Dynamic text generation could cause performance issues when the entity is attached to a Canvas layer.</p>
</span></div><div class="example"><h4>Example</h4><span class="markdown"><pre><code class="hljs ">Crafty.e(<span class="hljs-string">"2D, DOM, Text, Motion"</span>).attr({ <span class="hljs-attr">x</span>: <span class="hljs-number">100</span>, <span class="hljs-attr">y</span>: <span class="hljs-number">100</span>, <span class="hljs-attr">vx</span>: <span class="hljs-number">10</span> })
    .text(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-keyword">return</span> <span class="hljs-string">"My position is "</span> + <span class="hljs-keyword">this</span>._x })
    .dynamicTextGeneration(<span class="hljs-literal">true</span>)</code></pre><p>The above example will update the text with the entities position as it changes.</p>
</span></div></div><div class="doclet" id="-text"><a href="#doc-nav" class="doc-top">Back to top</a><h2 class="doclet-header">.text()</h2><div class="crafty-method"><code class="signature"><span class="sig-phrase"><span class="sig-qualifier">public </span><span class="sig-qualifier">this </span><span class="sig-noun">.text</span></span><span class="sig-seperator">(</span><span class="sig-phrase"><span class="sig-qualifier">String </span><span class="sig-noun">text</span></span><span class="sig-seperator">)</span></code><dl class="parameter"><dt> text </dt><dd><span class="markdown"><p>String of text that will be inserted into the DOM or Canvas element.</p>
</span></dd></dl></div><div class="crafty-method"><code class="signature"><span class="sig-phrase"><span class="sig-qualifier">public </span><span class="sig-qualifier">this </span><span class="sig-noun">.text</span></span><span class="sig-seperator">(</span><span class="sig-phrase"><span class="sig-qualifier">Function </span><span class="sig-noun">textGenerator</span></span><span class="sig-seperator">)</span></code><dl class="parameter"><dt> textGenerator </dt><dd><span class="markdown"><p>A function that returns a string.        It will be immediately invoked in the context of the entity, with the result used as the text to display.</p>
</span></dd></dl></div><span class="markdown"><p>This method will update the text inside the entity.</p>
<p>If you need to reference attributes on the entity itself you can pass a function instead of a string.</p>
<p>If dynamic text generation is turned on, the function will then be reevaluated as necessary.</p>
</span><div><h4>See Also</h4><ul class="see-also-list"><li><a href="#-dynamicTextGeneration">.dynamicTextGeneration</a></li></ul></div><div class="example"><h4>Example</h4><span class="markdown"><pre><code class="hljs ">Crafty.e(<span class="hljs-string">"2D, DOM, Text"</span>).attr({ <span class="hljs-attr">x</span>: <span class="hljs-number">100</span>, <span class="hljs-attr">y</span>: <span class="hljs-number">100</span> }).text(<span class="hljs-string">"Look at me!!"</span>);

Crafty.e(<span class="hljs-string">"2D, DOM, Text"</span>).attr({ <span class="hljs-attr">x</span>: <span class="hljs-number">100</span>, <span class="hljs-attr">y</span>: <span class="hljs-number">100</span> })
    .text(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-keyword">return</span> <span class="hljs-string">"My position is "</span> + <span class="hljs-keyword">this</span>._x });

Crafty.e(<span class="hljs-string">"2D, Canvas, Text"</span>).attr({ <span class="hljs-attr">x</span>: <span class="hljs-number">100</span>, <span class="hljs-attr">y</span>: <span class="hljs-number">100</span> }).text(<span class="hljs-string">"Look at me!!"</span>);

Crafty.e(<span class="hljs-string">"2D, Canvas, Text"</span>).attr({ <span class="hljs-attr">x</span>: <span class="hljs-number">100</span>, <span class="hljs-attr">y</span>: <span class="hljs-number">100</span> })
    .text(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-keyword">return</span> <span class="hljs-string">"My position is "</span> + <span class="hljs-keyword">this</span>._x });</code></pre></span></div></div><div class="doclet" id="-textAlign"><a href="#doc-nav" class="doc-top">Back to top</a><h2 class="doclet-header">.textAlign()</h2><div class="crafty-method"><code class="signature"><span class="sig-phrase"><span class="sig-qualifier">public </span><span class="sig-qualifier">this </span><span class="sig-noun">.textAlign</span></span><span class="sig-seperator">(</span><span class="sig-phrase"><span class="sig-qualifier">String </span><span class="sig-noun">alignment</span></span><span class="sig-seperator">)</span></code><dl class="parameter"><dt> alignment </dt><dd><span class="markdown"><p>The new alignment of the text.</p>
</span></dd></dl></div><span class="markdown"><p>Change the alignment of the text. Valid values are &#39;start&#39;, &#39;end, &#39;left&#39;, &#39;center&#39;, or &#39;right&#39;.</p>
</span></div><div class="doclet" id="-textColor"><a href="#doc-nav" class="doc-top">Back to top</a><h2 class="doclet-header">.textColor()</h2><div class="crafty-method"><code class="signature"><span class="sig-phrase"><span class="sig-qualifier">public </span><span class="sig-qualifier">this </span><span class="sig-noun">.textColor</span></span><span class="sig-seperator">(</span><span class="sig-phrase"><span class="sig-qualifier">String </span><span class="sig-noun">color</span></span><span class="sig-seperator">)</span></code><dl class="parameter"><dt> color </dt><dd><span class="markdown"><p>The color in name, hex, rgb or rgba</p>
</span></dd></dl></div><span class="markdown"><p>Change the color of the text. You can use HEX, rgb and rgba colors.</p>
<p>If you want the text to be transparent, you should use rgba where you can define alphaChannel.</p>
</span><div class="example"><h4>Example</h4><span class="markdown"><pre><code class="hljs ">Crafty.e(<span class="hljs-string">"2D, DOM, Text"</span>).attr({ <span class="hljs-attr">x</span>: <span class="hljs-number">100</span>, <span class="hljs-attr">y</span>: <span class="hljs-number">100</span> }).text(<span class="hljs-string">"Look at me!!"</span>)
  .textColor(<span class="hljs-string">'#FF0000'</span>);

Crafty.e(<span class="hljs-string">"2D, Canvas, Text"</span>).attr({ <span class="hljs-attr">x</span>: <span class="hljs-number">100</span>, <span class="hljs-attr">y</span>: <span class="hljs-number">100</span> }).text(<span class="hljs-string">'Look at me!!'</span>)
  .textColor(<span class="hljs-string">'rgba(0, 255, 0, 0.5)'</span>);

Crafty.e(<span class="hljs-string">"2D, Canvas, Text"</span>).attr({ <span class="hljs-attr">x</span>: <span class="hljs-number">100</span>, <span class="hljs-attr">y</span>: <span class="hljs-number">100</span> }).text(<span class="hljs-string">'Look at me!!'</span>)
  .textColor(<span class="hljs-string">'white'</span>);</code></pre></span></div><div><h4>See Also</h4><ul class="see-also-list"><li><a href="Crafty-assignColor.html">Crafty.assignColor</a></li></ul></div></div><div class="doclet" id="-textFont"><a href="#doc-nav" class="doc-top">Back to top</a><h2 class="doclet-header">.textFont()</h2><div class="triggered-events"><h4>Events</h4><div class="trigger-list"><dl class="trigger"><dt>Invalidate </dt><dd></dd></dl></div></div><div class="crafty-method"><code class="signature"><span class="sig-phrase"><span class="sig-qualifier">public </span><span class="sig-qualifier">this </span><span class="sig-noun">.textFont</span></span><span class="sig-seperator">(</span><span class="sig-phrase"><span class="sig-qualifier">String </span><span class="sig-noun">key</span></span><span class="sig-seperator">,</span><span class="sig-phrase"><span class="sig-qualifier"> </span><span class="sig-qualifier">* </span><span class="sig-noun">value</span></span><span class="sig-seperator">)</span></code><dl class="parameter"><dt> key </dt><dd><span class="markdown"><p>Property of the entity to modify</p>
</span></dd></dl><dl class="parameter"><dt> value </dt><dd><span class="markdown"><p>Value to set the property to</p>
</span></dd></dl></div><div class="crafty-method"><code class="signature"><span class="sig-phrase"><span class="sig-qualifier">public </span><span class="sig-qualifier">this </span><span class="sig-noun">.textFont</span></span><span class="sig-seperator">(</span><span class="sig-phrase"><span class="sig-qualifier">Object </span><span class="sig-noun">map</span></span><span class="sig-seperator">)</span></code><dl class="parameter"><dt> map </dt><dd><span class="markdown"><p>Object where the key is the property to modify and the value as the property value</p>
</span></dd></dl></div><span class="markdown"><p>Use this method to set font property of the text entity.  Possible values are: type, weight, size, family, lineHeight, and variant.</p>
<p>When rendered by the canvas, lineHeight and variant will be ignored.</p>
</span><div class="example"><h4>Example</h4><span class="markdown"><pre><code class="hljs ">Crafty.e(<span class="hljs-string">"2D, DOM, Text"</span>).textFont({ <span class="hljs-attr">type</span>: <span class="hljs-string">'italic'</span>, <span class="hljs-attr">family</span>: <span class="hljs-string">'Arial'</span> });
Crafty.e(<span class="hljs-string">"2D, Canvas, Text"</span>).textFont({ <span class="hljs-attr">size</span>: <span class="hljs-string">'20px'</span>, <span class="hljs-attr">weight</span>: <span class="hljs-string">'bold'</span> });

Crafty.e(<span class="hljs-string">"2D, Canvas, Text"</span>).textFont(<span class="hljs-string">"type"</span>, <span class="hljs-string">"italic"</span>);
Crafty.e(<span class="hljs-string">"2D, Canvas, Text"</span>).textFont(<span class="hljs-string">"type"</span>); <span class="hljs-comment">// italic</span></code></pre></span></div></div><div class="doclet" id="-unselectable"><a href="#doc-nav" class="doc-top">Back to top</a><h2 class="doclet-header">.unselectable()</h2><div class="triggered-events"><h4>Events</h4><div class="trigger-list"><dl class="trigger"><dt>Invalidate </dt><dd></dd></dl></div></div><div class="crafty-method"><code class="signature"><span class="sig-phrase"><span class="sig-qualifier">public </span><span class="sig-qualifier">this </span><span class="sig-noun">.unselectable</span></span><span class="sig-seperator">()</span></code></div><span class="markdown"><p>This method sets the text so that it cannot be selected (highlighted) by dragging.
(Canvas text can never be highlighted, so this only matters for DOM text.)
Works by changing the css property &quot;user-select&quot; and its variants.</p>
<p>Likewise, this sets the mouseover cursor to be &quot;default&quot; (arrow), not &quot;text&quot; (I-beam)</p>
</span><div class="example"><h4>Example</h4><span class="markdown"><pre><code class="hljs ">Crafty.e(<span class="hljs-string">"2D, DOM, Text"</span>).text(<span class="hljs-string">'This text cannot be highlighted!'</span>).unselectable();</code></pre></span></div></div></div></div></div></div>
			
		</div>
	</div>
	<div class="clearer"></div>
	<div id="footer">
		<div id="contact">
			<a href="https://groups.google.com/forum/#!forum/craftyjs">
				<img src="../images/google.png" />
				google groups</a>
			<a href="mailto:starwed@gmail.com">
				<img src="../images/email.png" />
				starwed@gmail.com</a>
			<a href="https://github.com/craftyjs/Crafty">
				<img src="../images/github.png" />
				github</a>
		</div>
		<ul>
			<li><a href="../">首页</a></li>
				<li><a href="../getting-started/">快速开始</a></li>
				<li><a href="../documentation/">文档</a></li>
				<li><a href="../api/">API</a></li>
				<li><a href="../components/">组件</a></li>
				<li class="emph"><a href="../#install">下载</a></li>
		</ul>
		<p>
			&copy; Crafty 2010-2015. Crafty is distributed under the <a href="http://en.wikipedia.org/wiki/MIT_License">MIT License</a>.
		</p>
	</div>
</div>
</body>
</html>
